<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>报关一线通用户绑定</title>
    <link rel="stylesheet" href="../assets/css/common.css"/>
    <link rel="stylesheet" href="../assets/css/bindCommon.css"/>
    <style type="text/css">
        /* html,body{
            margin:0;
        }
        body{
            padding:1.3rem 1rem;
            font-family: Arial,"Microsoft YaHei";
        }
        .header-section{
            position:relative;
            text-align:center;
        }
        .plat{
            height:2.2rem;
        }
        .plat div{
            float:left;
            height:2.2rem;
            line-height:2.2rem;
        }
        .plat span{
            color:#0000ff;
            font-size:0.8rem;
            letter-spacing:1px;
        }
        .plat img{
            height:2.2rem;
            margin-right:0.4rem;
        }
        .plat-seperator{
            width: 2px;
                height: 2rem;
                display: block;
                margin-left:0.4rem;
                margin-right:0.4rem;
                background-color: #0000ff;
        }
        .clean{
            clear:both;
        } */
        .step-operate {
            padding-top: 1.5rem;
            padding-bottom: 1rem;
        }

        .step-operate img {
            width: 14rem;
        }

        .warn-section {
            padding-top: 0.6rem;
            padding-left: 1rem;
            padding-bottom: 0.6rem;
            border-radius: 0.2rem;
            background-color: #d9e7f1;
        }

        .warn-section p {
            font-size: 0.6rem;
            margin-top: 0.3rem;
            margin-bottom: 0.3rem;
            letter-spacing: 1px;
            color: #4c4c4c;
        }

        .warn-section .red-text {
            color: #fe5151;
        }
    </style>
</head>
<body>
<div class="header-section">
    <div class="plat">
        <div>
            <img src="../assets/img/logo.png" alt=""/>
        </div>
        <div>
            <span class="plat-name">报关一线通</span>
        </div>
        <div>
            <span class="plat-seperator"></span>
        </div>
        <div>
            <span class="plat-name">报关一线通用户绑定</span>
        </div>
    </div>
    <div class="step-operate">
        <img src="../assets/img/step.png" alt=""/>
    </div>
</div>
<div class="form-section">
    <form action="">
        <input type="text" placeholder="请输入一线通账号" id="account" name="account"/>
        <input type="password" placeholder="请输入一线通密码" id="pwd" name="pwd"/>
        <button type="button" class="search-btn common-btn">确认绑定</button>
    </form>
</div>
<div class="warn-section">
    <p class="red-text">1.您正在使用一线通,请先绑定一线通用户账号！</p>

    <p>2.一线通承诺保障您的手机账号隐私及安全。绑定后,您可以快捷登录报关一线通,并可同步订单信息。</p>
</div>
<script type="text/javascript" src="../assets/js/jquery.js"></script>
<script type="text/javascript" src="../assets/js/config.js"></script>
<script type="text/javascript" src="../assets/js/common.js"></script>
<script type="text/javascript" src="../assets/plugin/layer/layer.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".search-btn").on("click", function () {

            if (!$("#account").val()) {
                layer.alert("请输入一线通账号！");
                return;
            } else if (!$("#pwd").val()) {
                layer.alert("请输入一线通密码！");
                return;
            }
            $.ajax({
                       url: addressUrl + "bind_account",
                       type: 'get',
                       data: $("form").serialize(),
                       dataType: 'json',
                       success: function (data) {

                           if (data) {
                               if (data.result == '1') {
                                   window.location.href =
                                       "successBind.html?account=" + $("#account").val();
                               } else if (data.result == '0') {
                                   layer.alert(data.msg);
                               }
                           } else {
                               localStorage.msg = data.msg;
                               window.location.href = "errorBind.html";
                           }
                       },
                       error: function (a, b, c) {
                           alert(b);
                       }
                   });
        });

    });
</script>
</body>
</html>